<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="Label,标签设计打印,条形码设计打印,条码批量在线打印,条码标签批量打印" />
    <meta name="description" content="JMW-Label·标签设计打印工具，本工具由天际科技·筑梦司网络工作室开发制作，支持快速自定义纸张大小的标签设计打印，导入Excel表格数组绑定字段名可支持批量数据打印" />
    <meta name="baidu-site-verification" content="Pr19HUbbxc" />
    <title>JMW-Label·标签设计打印</title>
    <link rel="stylesheet" href="./plugins/bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <!--hiprint-->
    <link href="./css/hiprint.css" rel="stylesheet">
	<link href="./css/print-lock.css" rel="stylesheet">
    <link href="./css/print-lock.css" media="print" rel="stylesheet">
</head>
<body>
<style>
    html { overflow-x: hidden; overflow-y: hidden; }
    .hiprint-headerLine, .hiprint-footerLine {
      border-color: red !important;
    }
    .hiprint-headerLine:hover, .hiprint-footerLine:hover {
      border-top: 3px dashed red !important;
    }
    .hiprint-headerLine:hover:before {
      content: "页眉线以上，所有页面重复打印，页眉线可拖拽移动";
      z-index: 9999;
      position: relative;
      background: black;
      top: -12px;
      color: red;
      font-size: 10px;
    }
    .hiprint-footerLine:hover:before {
      content: "页脚线以下，所有页面重复打印，页脚线可拖拽移动";
      z-index: 9999;
      position: relative;
      color: red;
      background: black;
      top: -12px;
      font-size: 10px;
    }
</style>
    <div class="row">
        <div class="col-md-12">
            <nav class="navbar navbar-inverse navbar-fixed-top">
                <div class="container-fluid">
                    <div class="navbar-header"><a class="navbar-brand" href="./" title="使用提示：&#10;1.内容输入框键入数据为单张打印时使用，单张打印时请删除字段名&#10;2.字段名为导入数据表格的标题头识别码，键入相应的数据标题头即可关联批量打印哦，批量打印时请删除内容输入框数据">JMW-Label·标签设计打印</a></div>
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-9">
                        <ul class="nav navbar-nav">
                            <li><a title="当前版本：V:2.0.03 &#10;&#10; 请注意：当前版本页面参数配置已关闭，暂时无法配置 &#10;&#10; 当前版本性能： &#10; 1.支持自由拖拽设计打印； &#10; 2.支持Excel表格导入数组批量打印； &#10;3.支持自定义组件大小&颜色；&#10; 4.自定义纸张大小；&#10; 5.登录账号云端获取及保存设计模板功能; &#10; 6.支持多选&框选内容对齐; &#10; 7.支持回撤; &#10; 8.支持组件复制粘贴&删除  &#10;&#10; 更多功能实现中： &#10; 1.对更大纸张的框架支持兼容； &#10; 2.多排打印的功能实现； &#10; 3.常用设计模板内置一键调用； &#10; 4.常用模板数组自编功能； &#10; 5.表格数据插入BUG修复 &#10;&#10; 温馨提示：建议您使用谷歌浏览器">V:2.0.03</a></li>
                            <li><a title="本标签设计打印程序由：天际科技·筑梦司网络工作室开发制作 &#10;&#10; 更多建议及意见欢迎反馈给我们：wyhuangzhaoqiang@163.com &#10;&#10; 感谢以下插件&框架提供驱动支持： &#10;&#10; bootstrap3 前端框架 &#10;&#10; Hiprint 打印插件 &#10;&#10; VUE Hiprint  &#10;&#10; 以及其他的一些重要插件···">关于</a></li>
                            <li><a data-toggle="modal" data-target=".bs-example-modal-sm12">如果您觉得好用，欢迎赞助我们</a></li>
                        </ul>
                        <ul class="nav navbar-nav navbar-right">
                            <li><a>欢迎您：</a></li>
                            <li><a id="userid" onclick="userid();">游客|登录</a></li>
                            <li><a id="userup" onclick="userup();">注册</a></li>
                            <li title="添加QQ:&#10;&#10;2394828839&#10;&#10;并备注：&#10;&#10;标签设计打印用户&#10;&#10;感谢您的支持与鼓励,让我们变得更好更强!'"><a onclick="say();">吐槽反馈</a></li>
                            <li><a>.</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
        <div class="col-md-2" style="padding-top:66px;z-index: 999;">
            <div style="">
                <div class="panel panel-primary" id="nrdiv" style="height:58vh;min-height:58vh; text-align:center;">
                    <div class="panel-heading" title="拖拽下方控件到纸张画图区即可生成相应数据哦">内容控件</div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-6"><a class="ep-draggable-item" tid="testModule.text" style="font-size:0.8vw;"><span class="glyphicon glyphicon-text-size" aria-hidden="true"></span><br>文本</a></div>
                            <div class="col-md-6"><a class="ep-draggable-item" tid="testModule.image" style="font-size:0.8vw;"><span class="glyphicon glyphicon-picture" aria-hidden="true"></span><br>图片</a></div>
                            <div class="col-md-12" style="height:2vh;"></div>
                            <div class="col-md-6"><a class="ep-draggable-item" tid="testModule.qrcode" style="font-size:0.8vw;"><span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span><br>二维码</a></div>
                            <div class="col-md-6"><a class="ep-draggable-item" tid="testModule.barcode" style="font-size:0.8vw;"><span class="glyphicon glyphicon-barcode" aria-hidden="true"></span><br>条形码</a></div>
                            <div class="col-md-12" style="height:2vh;"></div>
                            <div class="col-md-6"><a class="ep-draggable-item" tid="testModule.longText" style="font-size:0.8vw;"><span class="glyphicon glyphicon-subscript" aria-hidden="true"></span><br>长文本</a></div>
                            <div class="col-md-6"><a class="ep-draggable-item" tid="testModule.tableCustom" style="font-size:0.8vw;"><span class="glyphicon glyphicon-th" aria-hidden="true"></span><br>表格</a></div>
                            <div class="col-md-12" style="height:2vh;"></div>
							<div class="col-md-6"><a class="ep-draggable-item" tid="testModule.qrcodetable" style="font-size:0.8vw;"><span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span><br>二维码表</a></div>
							<div class="col-md-6"><a class="ep-draggable-item" tid="testModule.barcodetable" style="font-size:0.8vw;"><span class="glyphicon glyphicon-barcode" aria-hidden="true"></span><br>条形码表</a></div>
							<div class="col-md-12" style="height:2vh;"></div>
                            <div class="col-md-6" id="bslist" title="单点我打开标识列表"><a class="ep-draggable-item" tid="testModule.customimg" style="font-size:0.8vw;"><span class="glyphicon glyphicon-warning-sign" aria-hidden="true"></span><br>常用标识</a></div>
							
							<!--<div class="col-md-6"><a class="ep-draggable-item" tid="aProviderModule.table" style="font-size:0.8vw;"><span class="glyphicon glyphicon-th" aria-hidden="true"></span><br>测试表</a></div>-->
							
                            <div class="col-md-12" style="height:5vh;"><hr></div>
                            <div class="col-md-6"><a class="ep-draggable-item" tid="testModule.vline" style="font-size:0.8vw;"><span class="glyphicon glyphicon-resize-vertical" aria-hidden="true"></span><br>竖线</a></div>
                            <div class="col-md-6"><a class="ep-draggable-item" tid="testModule.hline" style="font-size:0.8vw;"><span class="glyphicon glyphicon-resize-horizontal" aria-hidden="true"></span><br>横线</a></div>
                            <div class="col-md-12" style="height:2vh;"></div>
                            <div class="col-md-6"><a class="ep-draggable-item" tid="testModule.rect" style="font-size:0.8vw;"><span class="glyphicon glyphicon-retweet" aria-hidden="true"></span><br>矩形</a></div>
                            <div class="col-md-6"><a class="ep-draggable-item" tid="testModule.oval" style="font-size:0.8vw;"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span><br>圆形</a></div>
                        </div>
                    </div>
                </div>
                
                
                <div class="panel panel-primary" id="bsdiv" style="height:85vh;min-height:85vh;text-align: center;display:none;">
                    <div class="panel-heading" title="拖拽下方控件到纸张画图区即可生成相应数据哦">标识控件 <span style="padding-left:2vw;"></span><button type="button" id="gbbsbtn" class="btn btn-danger btn-xs"> 关闭 | X </button></div>
                    <div class="panel-body" style="height:80vh;overflow:scroll;">
                        <div class="row">
							
                            <div class="col-md-4"><a class="ep-draggable-item" tid="testModule.cesi" style="font-size:0.4vw;">
                                <svg t="1651506324164" class="img-thumbnail" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2050" width="200" height="200"><path d="M64 960h896l-320-593.024V128h64V64H320v64h64v238.976L64 960z m107.2-64l172.224-320h336.256l172.864 320H171.2zM448 383.104V128h128v255.104L645.184 512H377.92L448 383.104z" fill="#2c2c2c" p-id="2051"></path></svg>测试</a>
                            </div>
                            
                            <div class="col-md-4"><a class="ep-draggable-item" tid="testModule.jingao" style="font-size:0.4vw;">
                                <svg t="1651507543644" class="img-thumbnail" viewBox="0 0 1026 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4813" width="200" height="200"><path d="M1004.657 801.716 602.263 91.599c-49.213-86.817-129.646-86.817-178.866 0L21.004 801.716c-49.207 86.906-8.949 157.798 89.388 157.798l804.877 0C1013.606 959.514 1053.825 888.622 1004.657 801.716zM544.635 832.216l-63.649 0 0-63.649 63.649 0L544.635 832.216zM544.635 641.27l-63.649 0L480.986 259.377l63.649 0L544.635 641.27z" p-id="4814"></path></svg>
                                <br>警告1</a>
                            </div>

                            <div class="col-md-12" style="height:2vh;"></div>
                            <!--此处穿插图标-->
                        </div>
                    </div>
                </div>
                
                <div class="panel panel-primary" id="szdiv" style="height:25vh;min-height:25vh;text-align: center;">
                    <div class="panel-heading">数组控件</div>
                    <div class="panel-body">
                        <div class="row" title="暂时同名数据导入后无法清空，保存模板刷新后重新导入或者表格改名后导入吧">
                            <div class="col-md-12">
                                <button class="btn btn-default btn-block" type="file" style="font-size:0.7vw;" onchange="importf(this)">
                                    <span class="glyphicon glyphicon-level-up" aria-hidden="true"></span>
                                    <br>导入表单文件<br><input type="file" onchange="importf(this)"  style="width:100%; overflow:hidden;"/>
                                </button>
                            </div>
                            <div class="col-md-12" style="height:1vh;"></div>
                            <div class="col-md-12">
                                <p>数组导入结果预览</p><input class="form-control" id="printDatas" disabled="disabled" />
                            </div>
                            <div class="col-md-12" style="height:0.5vh;"></div>
                            <div class="col-md-12"><textarea class="form-control" id="textarea" style="display:none;"></textarea><input class="form-control" id="datas" type="hidden" disabled="disabled" /></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-8" style="padding-top:66px;min-height:85vh;max-height:85vh;z-index:999;">
            <div class="panel panel-primary" style="min-height:85vh;max-height:85vh;">
                <div class="panel-heading">效果画图区
                    <div class="btn-group btn-group-sm" role="group" aria-label="..."  style="padding-left:1vw;">
                        <button type="button" class="btn btn-default" onclick="amplify(2)" title="min : 50%"><span class="glyphicon glyphicon-zoom-out postA"></span></button>
                        <button type="button" class="btn btn-default" id="bfb" title="双击设计面板任意位置或点我恢复正常 ：100%">100%</button>
                        <button type="button" class="btn btn-default" onclick="amplify(1)" title="max : 300%"><span class="glyphicon glyphicon-zoom-in postA"></span></button>
                    </div>
                    <div class="btn-group btn-group-xs" role="group" aria-label="...">
                        <button type="button" class="btn btn-default"  onclick="setElsAlign('left')" title="左对齐">
                            <span class="glyphicon glyphicon-object-align-left"></span>
                        </button>
                        <button type="button" class="btn btn-default"  onclick="setElsAlign('vertical')" title="居中">
                            <span class="glyphicon glyphicon-object-align-vertical"></span>
                        </button>
                        <button type="button" class="btn btn-default"  onclick="setElsAlign('right')" title="右对齐">
                            <span class="glyphicon glyphicon-object-align-right"></span>
                        </button>
                        <button type="button" class="btn btn-default"  onclick="setElsAlign('top')" title="顶部对齐">
                            <span class="glyphicon glyphicon-object-align-top"></span>
                        </button>
                        <button type="button" class="btn btn-default"  onclick="setElsAlign('horizontal')" title="垂直居中">
                            <span class="glyphicon glyphicon-object-align-horizontal"></span>
                        </button>
                        <button type="button" class="btn btn-default"  onclick="setElsAlign('bottom')" title="底部对齐">
                            <span class="glyphicon glyphicon-object-align-bottom"></span>
                        </button>
                        <button type="button" class="btn btn-default"  onclick="setElsAlign('distributeVer')" title="纵向分散">
                            <span class="glyphicon glyphicon-resize-horizontal"></span>
                        </button>
                        <button type="button" class="btn btn-default"  onclick="setElsAlign('distributeVer')" title="纵向分散">
                            <span class="glyphicon glyphicon-resize-vertical"></span>
                        </button>
                    </div>
                    <div class="btn-group" style="padding-left:1vw;"><button type="button" id="modbut" class="btn btn-danger" data-toggle="modal" data-target=".bs-example-modal-lg" style="display:none;"><span class="glyphicon glyphicon-th-large" aria-hidden="true"></span> 模板</button><button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-file" aria-hidden="true"></span> 纸张<span class="caret"></span></button>
                        <ul class="dropdown-menu">
                            <li class="dropdown-header">常用LABEL纸张规格：毫米</li>
                            <li><a onclick="setPaper(80,60);$('#customWidth').val(80);$('#customWidth_t').html('宽度 : 80 mm');$('#customHeight').val(60);$('#customHeight_t').html('高度 : 60 mm');">Φ80：80*60</a></li>
                            <li><a onclick="setPaper(210,297);$('#customWidth').val(210);$('#customWidth_t').html('宽度 : 210 mm');$('#customHeight').val(297);$('#customHeight_t').html('高度 : 297 mm');">ΦA4：210*297</a></li>
                            <li><a onclick="setPaper(210,148);$('#customWidth').val(210);$('#customWidth_t').html('宽度 : 210 mm');$('#customHeight').val(148);$('#customHeight_t').html('高度 : 148 mm');">ΦA5：210*148</a></li>
                            <li><a onclick="setPaper(62,88);$('#customWidth').val(62);$('#customWidth_t').html('宽度 : 62 mm');$('#customHeight').val(88);$('#customHeight_t').html('高度 : 88 mm');">ΦB8：62*88</a></li>
                            <li role="separator" class="divider"></li>
                            <li><button type="button" class="btn btn-warning btn-sm btn-block" onclick="rotatePaper()">旋转当前纸张方向</button></li>
                            <li role="separator" class="divider"></li>
                            <li class="dropdown-header">自定义纸张(宽&高)规格：MM</li>
                            <li role="separator" class="divider"></li>
                            <li>
                                <div class="input-group"><input type="number" class="form-control input-sm bg-primary" id="customWidth" max="300" min="10" value="100" onchange='if($("#customWidth").val()>300 || $("#customWidth").val()<10){$("#customWidth").val(99);layer.msg("请勿超出区间:10mm | 300 mm！", {icon: 5});} $("#customWidth_t").html("宽度 : [ "+$("#customWidth").val()+" ] mm");'><span class="input-group-btn"><button class="btn btn-danger btn-sm" id="customWidth_t" type="button" disabled="disabled">宽度 : [ 100 ] mm</button></span></div>
                            </li>
                            <li role="separator" class="divider"></li>
                            <li>
                                <div class="input-group"><input type="number" class="form-control input-sm bg-primary" id="customHeight" max="300" min="10" value="150" onchange='if($("#customHeight").val()>300 || $("#customHeight").val()<10){$("#customHeight").val(99);layer.msg("请勿超出区间:10mm | 300 mm！", {icon: 5});} $("#customHeight_t").html("高度 : [ "+$("#customHeight").val()+" ] mm");'><span class="input-group-btn"><button class="btn btn-danger btn-sm" id="customHeight_t" type="button" disabled="disabled">高度 : [ 150 ] mm</button></span></div>
                            </li>
                            <li role="separator" class="divider"></li>
                            <!--<li class="dropdown-header" title="输入框输入数字自定义&#10;测试功能,可能出现异常!">自定义打印(排&列)规格：1|10</li>
                            <li class="dropdown-header">
                                <p class="text-danger">测试功能,暂不可用,敬请期待!</p>
                            </li>
                            <li role="separator" class="divider"></li>
                            <li>
                                <div class="input-group"><input type="number" class="form-control input-sm bg-primary" id="hang" max="10" min="1" value="1" onchange='if($("#hang").val()>10 || $("#hang").val()<1){$("#hang").val(1);layer.msg("请勿超出区间: min = 1 | max = 10！", {icon: 5});} $("#hang_t").html("横排 : 1 排 [ "+$("#hang").val()+" ] 个");'><span class="input-group-btn"><button class="btn btn-info btn-sm" id="hang_t" type="button" disabled="disabled">横排 : 1 排 [ 1 ] 个</button></span></div>
                            </li>
                            <li role="separator" class="divider"></li>
                            <li>
                                <div class="input-group"><input type="number" class="form-control input-sm bg-primary" id="lie" max="10" min="1" value="1" onchange='if($("#lie").val()>10 || $("#lie").val()<1){$("#lie").val(1);layer.msg("请勿超出区间: min = 1 | max = 10！", {icon: 5});} $("#lie_t").html("竖列 : 1 列 [ "+$("#lie").val()+" ] 个");'><span class="input-group-btn"><button class="btn btn-info btn-sm" id="lie_t" type="button" disabled="disabled">竖列 : 1 列 [ 1 ] 个</button></span></div>
                            </li>
                            <li role="separator" class="divider"></li>-->
                            <li style="padding-top:5px"><button type="button" class="btn btn-primary btn-block" onclick="setPaper($('#customWidth').val(),$('#customHeight').val())">确定</button></li><br>
                        </ul>
                    </div>
                    <button type="button" class="btn btn-danger" onclick="clearTemplate()" title="无法还原，谨慎操作"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span> 清空</button>
                    <button type="button" class="btn btn-success" onclick="print_perview_1()" title="出现空白时请注意检查内容&字段是否设置正确"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> 预览</button>
                    <button type="button" class="btn btn-success" id="plyr" style="display:none;" onclick="print_perview_2()" title="出现空白时请注意检查字段是否设置正确&#10;数据是否导入正常"><span class="glyphicon glyphicon-eur" aria-hidden="true"></span> 批量预览</button>
                    
                    
                </div>
                <!--<div class="hiprint-printPagination"></div>-->
                <!--更多纸张页面支持,容易出错且不美观,暂时关闭    -->
                <div class="panel-body" style="min-height:80vh;max-height:80vh;overflow:scroll;">
                    <div id="div" style="margin-top: 0.1vw; padding-top: 0.1vw; padding-left: 0.1vw; margin-left: 0.1vw;"> 
                        <div id="hiprint-printTemplate" class="hiprint-printTemplate" style="transform-origin: left top; transform: scale(1); padding-top: 0.1vw; padding-left: 0.1vw; margin-top: 0.1vw; margin-left: 0.1vw;"></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-2" style="padding-top:66px;z-index: 999;min-height:85vh;overflow-x: hidden;">
            <div style="">
                <div class="panel panel-primary" style="height:85vh;min-height:85vh;z-index: 999;overflow-x: hidden;">
                    <div class="panel-heading" style="text-align:center;" title="请注意：当前版本纸张页面参数配置已关闭，暂时无法配置">参数配置</div>
                    <div class="panel-body" style="min-height:80vh;max-height:80vh;overflow:scroll;overflow-x: hidden;">
                        <div class="row">
                            <div class="col-sm-12">
                                <div id="PrintElementOptionSetting" style="margin-top:10px;overflow-x: hidden;">
                                    <div class="hiprint-option-items">配置参数界面</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade bs-example-modal-lg" id="moddivs" role="dialog" aria-labelledby="myLargeModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">JMW-Label·标签设计打印-----模板类操作</h4>
                    </div>
                    <div class="modal-body">
                        <p class="text-danger">我的模板<span>(暂时网络图片因跨域问题会出现预览空白,待后期更新版本解决)</span></p>
						<div class="row" id="moddiv" style="height: 50vh; overflow-y: auto;">
							<div class="col-md-4" style="text-align:center;margin-top:2vh;position:relative; height:240px;" onmouseover='$("#mb1").show();' onmouseout='$("#mb1").hide();'>
								<img src="" alt="此模板暂无预览" style="width:100%; height:auto; max-height: 220px; min-height: 220px;" class="img-thumbnail">
								<span>模板名称A</span>
								<p class="text-danger">50 mm * 50 mm</p>
								<div id="mb1" style="display:none; position:absolute; left: 18%; top: 77%;">
									<button type="button" class="btn btn-danger btn-xs" onclick="get_old();">删除</button>
									<button type="button" class="btn btn-warning btn-xs" style="margin-left: 0.3vw;" onclick="getjson();">更新</button>
									<button type="button" class="btn btn-success btn-xs" style="margin-left: 0.3vw;" onclick="getjson();">载入</button>
								</div>
							</div>
						</div>
                    </div>
                    <div class="modal-footer">
						<input type="text" id="modimg" style="display: none;">
						<button type="button" class="btn btn-success" onclick="up_mod();">保存新模板</button>
						<span>←···→</span>
						<button type="button" class="btn btn-default" data-dismiss="modal">退出</button>
					</div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade bs-example-modal-sm" id="login" role="dialog" aria-labelledby="mySmallModalLabel">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">账号登陆</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group"><label for="recipient-name" class="control-label">账号:</label><input type="text" class="form-control" id="username" required="required" autofocus autocomplete="off" onkeydown="if(event.keyCode==13){password.focus();};" /></div>
                        <div class="form-group"><label for="recipient-name" class="control-label">密码:</label><input type="password" class="form-control" id="password" required="required" autofocus autocomplete="off" onkeydown="if(event.keyCode==13){login();};" /></div>
                        <div style="text-align: right;"><a onclick="$('#usermm').modal('show');$('#login').modal('toggle');">忘记密码</a></div>
                    </form>
                </div>
                <div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">取消</button><button type="button" class="btn btn-primary" onclick="login();">登录</button></div>
            </div>
        </div>
    </div>
    <div class="modal fade bs-example-modal-sm" id="register" role="dialog" aria-labelledby="mySmallModalLabel">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">账号注册</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group"><label for="recipient-name" class="control-label">账号:（英文+数字）</label><input type="text" class="form-control" id="usernamet" required="required" autofocus autocomplete="off" onkeydown="if(event.keyCode==13){password.focus();};" /></div>
                        <div class="form-group"><label for="recipient-name" class="control-label">密码:（英文+数字）</label><input type="password" class="form-control" id="passwordt" required="required" autofocus autocomplete="off" onkeydown="if(event.keyCode==13){wen.focus();};" /></div>
                        <div class="form-group"><label for="recipient-name" class="control-label">验证口令（找回密码用）:</label><input type="text" class="form-control" id="wen" required="required" autofocus autocomplete="off" onkeydown="if(event.keyCode==13){register();};" /></div>
                    </form>
                </div>
                <div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">取消</button><button type="button" class="btn btn-primary" onclick="register();">注册</button></div>
            </div>
        </div>
    </div>
    <div class="modal fade bs-example-modal-sm" id="usermm" role="dialog" aria-labelledby="mySmallModalLabel">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">找回&修改密码</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group"><label for="recipient-name" class="control-label">您的账号:（原注册账户名）</label><input type="text" class="form-control" id="usid" required="required" autofocus autocomplete="off" onkeydown="if(event.keyCode==13){usmm.focus();};" /></div>
                        <div class="form-group"><label for="recipient-name" class="control-label">设置新密码:（英文+数字）</label><input type="password" class="form-control" id="usmm" required="required" autofocus autocomplete="off" onkeydown="if(event.keyCode==13){went.focus();};" /></div>
                        <div class="form-group"><label for="recipient-name" class="control-label">验证问题（您注册时设置的验证口令）:</label><input type="text" class="form-control" id="went" required="required" autofocus autocomplete="off" onkeydown="if(event.keyCode==13){zhmm();};" /></div>
                    </form>
                </div>
                <div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">取消</button><button type="button" class="btn btn-primary" onclick="zhmm();">找回&修改</button></div>
            </div>
        </div>
    </div>
    <div class="modal fade bs-example-modal-sm12" role="dialog" aria-labelledby="mySmallModalLabel">
        <div class="modal-dialog modal-sm" role="document" style="text-align:center;">
            <div class="modal-content">
                <p>一分也是爱，好人一生平安(●'◡'●)</p><img src="./img/m.jpg">
            </div>
        </div>
    </div>
    <style>
        .hiprint-printPaper{border:1px solid #000;text-align:center;margin:1vw 1vw;}
    </style>
    <div class="modal fade" id="print_perview" role="dialog" aria-labelledby="print_perviewLabel">
        <div class="modal-dialog modal-lg" role="document" style="width:98vw;z-index:9999;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <strong class="modal-title" id="print_perviewLabel">打印预览</strong>
                    <button type="button" class="btn btn-danger" style="margin-left:68vw;" id="yrdy1" onclick="directPrint()" title="出现空白时请注意检查内容&单条打印时请删除字段名"><span class="glyphicon glyphicon-print" aria-hidden="true"></span> 打印内容</button>
                    <button type="button" class="btn btn-danger" style="margin-left:68vw;" id="yrdy2" onclick="directPrint_2()" title="出现空白时请注意检查字段是否设置正确&#10;数据是否导入正常"><span class="glyphicon glyphicon-inbox" aria-hidden="true"></span> 批量打印</button>
                    <button type="button" class="btn btn-info" id="dc_pdf1" onclick="Printpdf()"><span class="glyphicon glyphicon-save-file" aria-hidden="true"></span> 导出PDF</button>
                    <button type="button" class="btn btn-info" id="dc_pdf2" onclick="Printpdf_2()"><span class="glyphicon glyphicon-save-file" aria-hidden="true"></span> 导出PDF_批量</button>
                </div>
                <div class="modal-body" align="center">
                    <!--预览设置-->
                    <div class="prevViewDiv" align="center" style="height:70vh;overflow:scroll;"></div>
                </div>
                <div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">关闭</button></div>
            </div>
        </div>
    </div>
    <!-- Small modal -->
    
    <div class="modal fade" role="dialog" id="img_div" aria-labelledby="mySmallModalLabel">
      <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <strong class="modal-title" id="print_perviewLabel">上载本地图片</strong>
            </div>
            <div class="modal-body" style="text-align: center;">
              <input type="file" id="img_f" onchange="getFile(this)">
              <p>点击按钮上传加载本地图片文件</p><br>
              <img src="./img/up_img.jpg" alt="本地上载图片预览" onclick='$("#img_f").trigger("click");' class="img-rounded" id="preview" style="width:188px;height:188px;"><br>
              <p class="text-danger" id="base64">点击按钮上传加载本地图片文件</p><br>
            </div>
        </div>
      </div>
    </div>
    <script src="./plugins/jquery.min.js"></script>
    <!--最新的Bootstrap核心JavaScript文件-->
    <script src="./plugins/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
    <script src="./plugins/jquery.cookie.min.js"></script>
    <!--加载hiprint JavaScript插件。你也可以根据需要只加载单个插件。-->
    <script src="./plugins/jquery.minicolors.min.js"></script>
    <script src="./js/hiprint.bundle.js"></script>
    <!--polyfill.min.js解决浏览器兼容性问题v6.26.0-->
    <script src="./js/polyfill.min.js"></script>
    <!--hiprint核心js-->
    <script src="./js/hiprint.bundle.js"></script>
    <!--条形码生成组件-->
    <script src="./plugins/JsBarcode.all.min.js"></script>
    <!--二维码生成组件-->
    <script src="./plugins/qrcode.js"></script>
    <!--PDF生成导出组件-->
    <script src="./plugins/jspdf/canvas2image.js"></script>
    <script src="./plugins/jspdf/canvg.min.js"></script>
    <script src="./plugins/jspdf/html2canvas.min.js"></script>
    <script src="./plugins/jspdf/jspdf.min.js"></script>
    <!--调用浏览器打印窗口helper类，可自行替换-->
    <script src="./plugins/jquery.hiwprint.js"></script>
    <!--EXCEL读取转JSON组件-->
    <script src='./plugins/xlsx.full.min.js'></script>
    <!--设置项配置文件-->
    <script src="./js/hiprint.config.js"></script>
    <!--配置模板文件-->
    <script src="./js/custom-etype-provider.js"></script>
    <!--layer-->
    <script src="./plugins/layer/layer.js"></script>
	<!--html2canvas-->
	<script src="./plugins/html2canvas.js"></script>
    <!--label-->
    <script src="./js/label_2205231.js"></script>
</body>

</html>